@import "variables";
@import "common";

.base-input {
  height: $base-input-height;
  width: 100%;
  padding: 10px 10px;
  color: $input-text-color;
  line-height: $base-input-height;
  box-sizing: border-box;
  border: 1px solid $border-color;
  border-radius: 8px;
}

.mid-input {
  @extend .base-input;
  height: $mid-input-height;
  color: $input-text-color;
  line-height: $mid-input-height;
}

@each $name, $size in $placeholders {
    .placeholder-#{$name} {
      font-size: #{$size};
    }
}

.dialog-input{
  background: #FFFFFF;
  border: 1px solid rgba(60, 60, 67, 0.3);
  border-radius: 10px;
  height: 50px;
  padding: 6px 10px;
}
